ESLint 配置及应用 JavaScript Web前端 Web开发 1 安装方式 全局安装 npm install eslint -g eslint --init生成配置文件 局部安装 npm install eslint --save-dev 2 配置方式 注释配置,在代码文件中设置相应的规则 12/* eslint-disable *//* eslint-enable */ 配置文件,单独的配置文件.eslintrc.*...
Chrome 开发者工具 Inspect 使用 前端开发 Web开发 开发工具 1 参考资料 Chrome DevTools Chrome 开发工具指南 网络标签 时间轴标签 Profile 标签1 Profile标签2
babel-前端工程化模块化工具之babel 前端开发 Web开发 开发工具 [TOC]{:toc} 1 Babel1.1 为什么要用这个? 目前各大浏览器对ES2015+ 的支持参差不齐,需要一个统一的转换工具来将ES6+的代码转成浏览器都支持的ES5的代码,以便适配是有运行环境。这就需要一个代码转换工具,刚开始的时候出现和好些个类似的代码转换工具,到最后慢慢的就剩下Babel的声音了。 1.2 能做哪些事? 代码转换,通过不同插件来对不同新功...
mocha-前端工程化模块化工具之mocha 前端开发 Web开发 开发工具 看这里体会一下效果,结构一目了然,点击测试行,还能看到具体的测试代码。 1 NodeJS环境测试基本看一遍Mocha官网的说明,就可以玩起来了。 先安装npm install mocha -g,这样就可以在命令行使用mocha命令了。 再找一个断言库,chai的功能比较丰富,npm install chai --save-dev 然后建立一个tests目录,在里...
npm-前端工程化模块化工具之npm 前端开发 Web开发 开发工具 1 npmnpm 是Node平台的包管理器,跟各大操作系统类似Mac的appStore,brew,安卓的市场,window的商店,Ubuntu的apt-get,RedHat的yum;各大语言也有类似的实现Java的ant,maven,Python的pip,Ruby的gem,PHP 的Composer等。 各种安装不上的问题解决 将如下内容让入.bashrc 1234exp...
webpack-前端工程化模块化工具之webpack 前端开发 Web开发 开发工具 1 简介1.1 基本思想 webpack 的核心是js,它将所有能引用的资源都转换成js来处理,通过loader来适配所有的资源加载,通过plugin来处理其他相应的代码转换之外的事情。 1.2 学习曲线 1.x 说明了webpack的总体思想和功能块,更加完善和全面;但2.x的文档分类更加明晰,更容易学习 这里是一个完整的实例。 如果没有接触过webpack ,可以直...
前端工程化打包工具 开发技术 1 工具列表1.1 rollup github rollup doc 1.2 ykit github qunar ued ykit doc 1.3 webpack github webpack doc 1.4 fekit github qunar ued fekit doc 前端工程化工具Fekit分析 1.5 fis github fis doc 1.6 ...
YKit Mock 简明参考手册 Web开发 前端开发 前端工程化 开发工具 [TOC] 1 YKit Mock配置1.1 设计 使用Mockjs YKit Mock数据使用 Mockjs, 相应的Mockjs文档和示例 Mockjs的语法规范 Mockjs数据规则参考mockJSON, FEKit也使用了这个规则 1.2 YKit Mock启动方式 ykit server启动时如果配置了mock插件会自动启动mock server ykit...